<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8" />
		<title>厅干部平时考核管理系统</title>
		<link rel="stylesheet" type="text/css" href="<c:url value='/resource/jxkh/css/main.css'/>" />
		<!--日期时间控件-->
		<!--<script type="text/javascript" src="jeDate/jedate.js"></script>-->
		<!--日期时间控件结束-->
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery-1.11.0.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/common.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/layer/layer.js'/>" ></script>
		<script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery.form.js'/>"></script>
	</head>

	<body>
	<div class="njga" style="overflow: auto;">
		<div class="bmkhcp"  style="background: #fff;overflow: hidden;">
			<div class="bmkhcp_row">
				<div class="bmkhcp_lf" style="width: 100%;">
					<div class="title">登录日志</div>
					<div class="khzpzp_row khzpzp_row1">
						<div class="p_text">日期</div>
						<div class="zp_select">
							<input type="text" placeholder="2017-11-01" id="dateinfo1" class="inpt1"/>
							<div class="arrow_down"></div>
						</div>
						<div class="zp_select">
							<input type="text" placeholder="2017-11-01" id="dateinfo2" class="inpt1"/>
							<div class="arrow_down"></div>
						</div>
						<button class="btn btn1">查询</button>
					</div>
					<table class="wdzb_table" style="text-align: center;">
						<tr>
							<th width="6%">序号</th>
							<th width="10%">警号</th>
							<th width="15%">姓名</th>
							<th width="8%">用户部门</th>
							<th width="22%">访问时间</th>
							<th width="25%">用户IP</th>
							<th width="15%">操作</th>
						</tr>
						<tr>
							<td>1</td>
							<td>000111</td>
							<td>张三</td>
							<td>情报室</td>
							<td>2017-11-01 08:49:28</td>
							<td>192.168.1.1</td>
							<td>
								<span class="span1" >查看</span>
							</td>
						</tr>
						<tr>
							<td>2</td>
							<td>000111</td>
							<td>张三</td>
							<td>情报室</td>
							<td>2017-11-01 08:49:28</td>
							<td>192.168.1.1</td>
							<td>
								<span class="span1" >查看</span>
							</td>
						</tr>
						<tr>
							<td>3</td>
							<td>000111</td>
							<td>张三</td>
							<td>情报室</td>
							<td>2017-11-01 08:49:28</td>
							<td>192.168.1.1</td>
							<td>
								<span class="span1" >查看</span>
							</td>
						</tr>
						<tr>
							<td>4</td>
							<td>000111</td>
							<td>张三</td>
							<td>情报室</td>
							<td>2017-11-01 08:49:28</td>
							<td>192.168.1.1</td>
							<td>
								<span class="span1" >查看</span>
							</td>
						</tr>
						<tr>
							<td>5</td>
							<td>000111</td>
							<td>张三</td>
							<td>情报室</td>
							<td>2017-11-01 08:49:28</td>
							<td>192.168.1.1</td>
							<td>
								<span class="span1" >查看</span>
							</td>
						</tr>
						<tr>
							<td>6</td>
							<td>000111</td>
							<td>张三</td>
							<td>情报室</td>
							<td>2017-11-01 08:49:28</td>
							<td>192.168.1.1</td>
							<td>
								<span class="span1" >查看</span>
							</td>
						</tr>
						<tr>
							<td>7</td>
							<td>000111</td>
							<td>张三</td>
							<td>情报室</td>
							<td>2017-11-01 08:49:28</td>
							<td>192.168.1.1</td>
							<td>
								<span class="span1" >查看</span>
							</td>
						</tr>
					</table>
					<!--分页-->
					<div class="paging">
						<a href="#">首页</a>
						<a href="#" class="a_hov">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
						<a href="#">5</a>
						<a href="#">6</a>
						<a href="#">尾页</a>
					</div>
					<!--新增周报弹出框-->
					<div class="date_pop" id="date_pop">

						<table class="wdzb_pop_table ldpj_table" style="text-align: center;">
							<tr>
								<th width="10%">序号</th>
								<th width="45%">时间</th>
								<th width="45%">类型</th>
							</tr>
							<tr>
								<td>1</td>
								<td>07:49:51</td>
								<td>进入</td>
							</tr>
							<tr>
								<td>2</td>
								<td>12:04:27</td>
								<td>离开</td>
							</tr>
							<tr>
								<td>3</td>
								<td>13:02:48</td>
								<td>进入</td>
							</tr>
							<tr>
								<td>4</td>
								<td>19:32:36</td>
								<td>进入</td>
							</tr>
						</table>
					</div>
					<!--新增周报弹出框结束-->
				</div>
			</div>

		</div>
	</div>

	<!--弹出框-->
	<script type="text/javascript">
		$(document).ready(function(){
			//新增周报弹出框
			$("#xzzb_add").on("click",function(){
				var open =  layer.open({
					type: 1,                                    //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。
					shift: 1,//动画    0-6     css3动画
					closeBtn: 1,       //关闭按钮  0 不显示  style  1和2  标题为 false 2
					btn: ['关闭'],
					title:['门禁记录','background:#5f9ad1;color:#fff;text-align: left;font-size: 18px;'],
					area: ['560px', 'auto'], //宽高
					content: $("#date_pop") //iframe层-禁滚动条  $("#photosDemo").html()   'http://www.baidu.com/'
				});
			});
		});
		//新增周报弹出框结束
		//下拉框
		$(document).click(function() {
			$(".td_select_xl").slideUp(200);
		});
		$(".td_select11 .td_select1").click(function(e) {
			e = e || window.event;
			if(e.stopPropagation) {
				e.stopPropagation();
			} else {
				e.cancelBubble = true;
			}
			$(this).next(".td_select_xl").slideToggle(200);
			var selecttext = $(this).children("p");
			var selectmain = $(this).next(".td_select_xl");
			var lis = selectmain.find('li');
			for(var i = 0; i < lis.length; i++) {
				lis[i].onclick = function() {
					selectmain.hide();
					var textval = $(this).html();
					selecttext.text(decodeURIComponent(textval));
				}
			}
		});
		//下拉框结束


	</script>
	</body>

</html>